* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    list-style: none;
}

/* 取消a标签的默认样式 */
.coutom-a {
    text-decoration: none;
    outline: none;
}

.coutom-a:hover, .coutom-a:active, .coutom-a:focus {
    text-decoration: none;
    outline: none;
    color: inherit;
}

/* 滚动条样式 */
*::-webkit-scrollbar-thumb {
    transition: background .2s ease-in-out;
    border: 3px solid transparent;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    background-color: rgba(229, 231, 235, 1);
    border-radius: 9999px
}

.dark *::-webkit-scrollbar-thumb {
    background-color: rgba(50, 50, 50, 1)
}

*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(209, 213, 219, 1)
}

.dark *::-webkit-scrollbar-thumb:hover {
    background-color: rgba(60, 60, 60, 1)
}

*::-webkit-scrollbar-corner {
    background-color: transparent
}
* {
    scrollbar-width: thin; /* 可选值：auto、thin、none */
    scrollbar-color: rgba(209, 213, 219, 1)  rgba(229, 231, 235, 1); /* 第一个颜色为滑块颜色，第二个颜色为轨道颜色 */
}

/* 滚动条样式 */

/* 网格背景 */
.wangge-bg {
    --my--color: rgba(114, 114, 114, 0.3);
    background-color: #191a1a;
    background-image: linear-gradient(0deg, transparent 24%, var(--my--color) 25%, var(--my--color) 26%, transparent 27%, transparent 74%, var(--my--color) 75%, var(--my--color) 76%, transparent 77%, transparent),
    linear-gradient(90deg, transparent 24%, var(--my--color) 25%, var(--my--color) 26%, transparent 27%, transparent 74%, var(--my--color) 75%, var(--my--color) 76%, transparent 77%, transparent);
    background-size: 55px 55px;
}


/* 透明背景 */
.touming-bg {
    background-color: white;
    background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
    linear-gradient(45deg, #ccc 25%, white 25%, white 75%, #ccc 75%, #ccc);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}


@keyframes gundongbeijing {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 40px 40px;
    }
}

/* 滚动背景 */
.gundong-bg {
    /* Dark mode colors and gradient */
    background: #121212; /* Fallback for browsers that don't support gradients */
    background: linear-gradient(
            135deg,
            #121212 25%,
            #1a1a1a 25%,
            #1a1a1a 50%,
            #121212 50%,
            #121212 75%,
            #1a1a1a 75%,
            #1a1a1a
    );
    background-size: 40px 40px;

    /* Animation */
    animation: gundongbeijing 4s linear infinite;
}

a {
    text-decoration: none; /* 移除下划线 */
    color: inherit; /* 让链接颜色和父元素颜色一致 */
    cursor: pointer; /* 保持鼠标指针为手型，这是链接的常见样式 */
}

/* 可添加悬停样式以增强交互性 */
a:hover {
    text-decoration: none; /* 悬停时显示下划线 */
}

/* 消息淡出上升动画 */
@keyframes fadeUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-150px);
    }
}
